transform
Трансформации
Трансформации — это способ изменения формы элементов. В CSS за трансформации отвечает свойство transform
transform: translate(10px, 20px);
Сдвиг объекта
Сдвинет объект на 10 пикселей вправо и на 20 пикселей вниз
transform: scale(1.5, 0.5);
Маштабировать объект
Увеличит объект в полтора раза по горизонтали и уменьшит наполовину по вертикали
transform: rotate(30deg);
Поворот фигуры
Повернёт объект на 30 градусов по часовой стрелке
transform: skew(30deg, 40deg);
Наклон фигуры
Наклонит объект на 30 градусов влево и скосит левую сторону на 40 градусов вверх, а правую на 40 градусов вниз